<style>

    /*中间位置主要图标的css样式*/
    .fontMain {
        font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
        font-size: 24px;
        text-align: center;
        padding-top: 10%;
        color: #b2e2fa;
    }

    .fontMain:hover {
        transition: all 0.3s ease-in;
        transform: scale(1.04);
        font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
        font-size: 24px;
        text-align: center;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
        color: #b2e2fa;
    }

    .aColor {
        color: #b2e2fa;
    }
</style>



<ul class="am-avg-sm-2 am-avg-md-2 am-avg-lg-2 am-thumbnails">
    <li>
        <a href="javascript:alert('该功能还未开发，敬请期待')">
            <div class="fontMain" style="height: 200px; background-color: #CC9933"><span class="am-icon-envelope"> 收件箱</span></div>
        </a>
    </li>
    <li>
        <a href="javascript:alert('该功能还未开发，敬请期待')">
            <div class="fontMain" style="height: 200px; background-color: #666633"><span class="am-icon-bell"> 系统通知</span></div>
        </a>
    </li>
</ul>


<ul class="am-avg-sm-3 am-avg-md-3 am-avg-lg-3 am-thumbnails">
    <li>
        <a href="javascript:alert('该功能还未开发，敬请期待')">
            <div class="fontMain" style="height: 200px; background-color: #993366"><span class="am-icon-pencil-square-o"> 待办</span></div>
        </a>
    </li>
    <li>
        <a href="/main/main.php">
            <div class="fontMain" style="height: 200px; background-color: #0a628f"><span class="am-icon-leaf"> 碧叶之源</span></div>
        </a>
    </li>
    <li>
        <a href="/main/trunkUrl.php">
            <div class="fontMain" style="height: 200px; background-color: #3366CC"><span class="am-icon-gear"> 基础数据管理</span></div>
        </a>
    </li>
</ul>


<ul class="am-avg-sm-3 am-avg-md-3 am-avg-lg-3 am-thumbnails">
    <li>
        <a href="/author/listRoleViewUrl.php">
            <div class="fontMain" style="height: 200px; background-color: #006666"><span class="am-icon-user-plus"> 角色管理</span></div>
        </a>
    </li>
    <li>
        <a href="/author/listAuthorityViewUrl.php">
            <div class="fontMain" style="height: 200px; background-color: #663399"><span class="am-icon-lock"> 权限管理</span></div>
        </a>
    </li>
    <li>
        <a href="/author/userViewUrl.php">
            <#--<div class="fontMain" style="height: 200px; background-color: #009966"><span class="am-icon-shield"> 授权管理</span></div>-->
            <div class="fontMain" style="height: 200px; background-color: #009966"><span class="am-icon-get-pocket"> 授权管理</span></div>
        </a>
    </li>
</ul>




<script type="text/javascript">


</script>